<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>慕课网布局</title>
</head>
		<link rel="stylesheet" href="./css/main.css">
<body>
	<div class="header">
		<div class="header_top">
			<div class="header_logo"><img src="./img/logo.png" alt=""></div>
			<ul>
				<li class="list"><a href="">课程</a></li>
				<li class="list"><a href="" id="imgg"><img src="./img/new.png" alt="">职业路径</a></li>
				<li class="list"><a href="">实战</a></li>
				<li class="list"><a href="">猿问</a></li>
				<li class="list"><a href="">手记</a></li>
			</ul>
			<ul>
				<li class="list1"><a href="">注册</a></li>
				<li class="list1"><a href="">登录</a></li>
				<li class="list1"><a href=""><span class="icon-shopping-cart js-endcart"></span>购物车</a></li>
			</ul>
			<!-- 需要修改 -->
			<div class="header_mid">
				<div class="header_mid_left">
				<a href=""></a>
					<input type="buttom" style="">
				</div>
				<div class="header_mid_right">
					<input type="text">
				</div>
			</div>
			<!-- 需要修改 -->
			<div class="main1">
			<div class="main">
		<div class="bgphoto">
		<img src="./img/background.jpg" alt=""id="tp1">
		</div class="main1">
		<div class="main_top">
		<img src="./img/topbg.jpg" alt=""id="tp">
		<div class="list_borther">
		</div>
		<div class="list">
		<div class="list2"><a href=""><span>前端开发</span><i class="icon-right2"></i></a>
		</div>
		<div class="list2"><a href=""><span>后端开发</span><i class="icon-right2"></i></a>
		</div>
		<div class="list2"><a href=""><span>移动开发</span><i class="icon-right2"></i></a>
		</div>
		<div class="list2"><a href=""><span>数据库</span><i class="icon-right2"></i></a>
		</div>
		<div class="list2"><a href=""><span>云计算&大数据</span><i class="icon-right2"></i></a>
		</div>
		<div class="list2"><a href=""><span>运维&测试</span><i class="icon-right2"></i></a>
		</div>
		<div class="list2"><a href="" id="dt"><span>视觉设计</span><i class="icon-right2"></i></a>
		</div>
		</div>
		</div>
		
				<div class="main_mid">
					<a href="" id="xdtp"><img src="./img/img1.png" alt=""></a>
					<div id="sss">|</div>
					<a href=""><img src="./img/img2.png" alt=""></a>
					<div id="sss">|</div>
					<a href=""><img src="./img/img3.png" alt=""></a>
					<div id="sss">|</div>
					<a href=""><img src="./img/img4.png" alt=""></a>
				</div>
				<div class="main_mid1">
					<div class="main_mid11">
					<div class="ht">
					<h3>实战推荐</h3>
					<a href=""><span></span><i class="imv2-arrow2_r"></i></a>
					</div>	
					</div>
				</div>
				</div>
				</div>
</body>
</html>